﻿<!doctype html>
<html class="no-js" lang="zxx">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Shop Full</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
    <!-- All css files are included here -->
    <!-- Bootstrap fremwork main css -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- This core.css file contents all plugings css file. -->
    <link rel="stylesheet" href="css/core.css">
    <!-- Theme shortcodes/elements style -->
    <link rel="stylesheet" href="css/shortcode/shortcodes.css">
    <!-- Theme main style -->
    <link rel="stylesheet" href="style.css">
    <!-- Responsive css -->
    <link rel="stylesheet" href="css/responsive.css">
    <!-- User style -->
    <link rel="stylesheet" href="css/custom.css">
    <!--The page style-->
    <link href="css/pagesCss/shopCss.css" rel="stylesheet">
    <!-- Modernizr JS -->
    <script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
    <!--[if lt IE 8]>
        <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->
    <!-- Body main wrapper start -->
    <div class="wrapper">
        <!-- Start of header area -->
        <header>
            <div class="header-top gray-bg">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-5 hidden-xs">
                            <div class="header-top-left">
                                <ul class="header-top-style text-capitalize mr-25">
                                    <li>
                                        <a href="#"><span class="mr-10">My Account</span><i class="fa fa-angle-down"></i></a>
                                        <ul class="ul-style my-account box-shadow white-bg">
                                            <li><a href="login.html">Login</a></li>
                                            <li><a href="my-account.html">My Account</a></li>
                                        </ul>
                                    </li>
                                </ul>
                                <ul class="header-top-style text-capitalize mr-25">
                                    <li>
                                        <a href="#"><span class="mr-10">USD</span><i class="fa fa-angle-down"></i></a>
                                        <ul class="ul-style currency box-shadow white-bg">
                                            <li><a href="#"><i class="fa fa-usd"></i><span>USD</span></a></li>
                                            <li><a href="#"><i class="fa fa-euro"></i><span>Euro</span></a></li>
                                            <li><a href="#"><i class="fa fa-gbp"></i><span>GBP</span></a></li>
                                        </ul>
                                    </li>
                                </ul>
                                <ul class="header-top-style pl-10">
                                    <li>
                                        <span class="mr-10"><img alt="" src="images/header/language/1-min.jpg"></span>
                                        <a href="#"><span class="mr-10">English</span><i class="fa fa-angle-down"></i></a>
                                        <ul class="ul-style language box-shadow white-bg">
                                            <li><a href="#"><img alt="" src="images/header/language/1-min.jpg"><span>English</span></a></li>
                                            <li><a href="#"><img alt="" src="images/header/language/2-min.jpg"><span>Germani</span></a></li>
                                            <li><a href="#"><img alt="" src="images/header/language/3-min.jpg"><span>French</span></a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="header-top-middle">
                                <ul class="header-top-style">
                                    <li>
                                        <a href="login.html">
                                            <span>Login or Register</span>
                                        </a>
                                        <div class="ul-style login-register box-shadow white-bg p-30">
                                            <h6 class="mb-20"><strong>Login</strong></h6>
                                            <input type="text" name="s" class="pl-30" placeholder="user name" id="user-name">
                                            <input type="password" name="d" class="pl-30" placeholder="Password" id="password">
                                            <label class="remmember">
                                                <input type="checkbox">
                                                remember me
                                            </label>
                                            <button value="submit" class="btn-default">Login</button>
                                            <h6 class="mb-20"><strong>or Register</strong></h6>
                                            <input type="email" name="s" placeholder="Your mail" id="user-email">
                                            <input type="password" name="d" placeholder="Password" id="c-password">
                                            <button value="submit" class="btn-default">Login</button>
                                            <h6 class="mb-20"><strong>or register to</strong></h6>
                                            <ul class="login-social">
                                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-sm-4 col-xs-6">
                            <div class="header-top-right">
                                <span class="mr-20"><a href="#"><img alt="" src="images/header/search-icon.png"></a></span>
                                <span><input type="text" class="pl-10" placeholder="Search..."></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="header-bottom">
                <div class="container">
                    <div class="row header-middle-content">
                        <div class="col-md-5 col-sm-4 hidden-xs">
                            <div class="service-inner mt-10">
                                <span class="service-img b-img">
                                    <img alt="" src="images/service.png">
                                </span>
                                <span class="service-content ml-15"><strong>+88 (012) 564 979 56</strong><br>We are open 9 am - 10pm</span>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-12">
                            <div class="header-logo text-center">
                                <a href="index.html"><img alt="" src="images/logo.png"></a>
                            </div>
                        </div>
                        <div class="col-md-offset-0 col-md-5 col-sm-offset-0 col-sm-4 col-xs-offset-3 col-xs-6">
                            <div class="shopping-cart">
                                <a href="#">
                                    <span class="shopping-cart-control">
                                        <img alt="" src="images/shop.png">
                                    </span>
                                    <span class="cart-size-value"><strong>Cart(3)</strong><br>$250</span>
                                </a>
                                <ul class="shopping-cart-down box-shadow white-bg">
                                    <li class="media">
                                        <a href="#"><img alt="" src="images/cart/1.jpg"></a>
                                        <div class="cart-item-wrapper">
                                            <a href="#">Zelletria ostma</a>
                                            <span class="quantity">
                                                <span class="amount">$195</span>
                                                x 2
                                            </span>
                                            <a title="Remove this item" class="remove" href="#">
                                                <i class="fa fa-trash-o"></i>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="media">
                                        <a href="#"><img alt="" src="images/cart/2.jpg"></a>
                                        <div class="cart-item-wrapper">
                                            <a href="#">Letria postma</a>
                                            <span class="quantity">
                                                <span class="amount">$145</span>
                                                x 1
                                            </span>
                                            <a title="Remove this item" class="remove" href="#">
                                                <i class="fa fa-trash-o"></i>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="media">
                                        <a href="#"><img alt="" src="images/cart/3.jpg"></a>
                                        <div class="cart-item-wrapper">
                                            <a href="#">Montria jastma</a>
                                            <span class="quantity">
                                                <span class="amount">$155</span>
                                                x 2
                                            </span>
                                            <a title="Remove this item" class="remove" href="#">
                                                <i class="fa fa-trash-o"></i>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="media">
                                        <span class="total-title pull-left">Sub Total</span>
                                        <span class="total pull-right">$845</span>
                                    </li>
                                    <li class="media">
                                        <a class="cart-btn" href="#">VIEW CART</a>
                                        <a class="cart-btn" href="#">CHECKOUT</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <nav class="primary-menu">
                            <ul class="header-top-style text-uppercase">
                                <li><a href="index.html">home</a></li>
                                <li><a href="about.html">about</a></li>
                                <li><a href="shop.html">shop</a></li>
                                <li><a href="my-account.html">my-account</a></li>
                                <li><a href="login.html">login</a></li>
                                <li><a href="contact.html">contact</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
            <!-- Mobile Menu Start -->
            <div class="mobile-menu-area">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="mobile-menu">
                                <nav id="dropdown">
                                    <ul>
                                        <li><a href="index.html">home</a></li>
                                        <li><a href="about.html">about</a></li>
                                        <li><a href="shop.html">shop</a></li>
                                        <li><a href="my-account.html">my-account</a></li>
                                        <li><a href="login.html">login</a></li>
                                        <li><a href="contact.html">contact</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile Menu End -->
        </header>
        <!-- End of header area -->
        <!-- Start Breadcrumbs Area -->
        <div class="breadcrumbs-area breadcrumbs-bg ptb-60">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="breadcrumbs-inner">
                            <h5 class="breadcrumbs-disc m-0">Best Products for you</h5>
                            <h2 class="breadcrumbs-title text-black m-0">FORGE SHOP</h2>
                            <ul class="top-page">
                                <li><a href="index.html">Home</a></li>
                                <li>></li>
                                <li>Shop</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Breadcrumbs Area -->
        <!-- Start page content -->
        <section id="page-content" class="page-wrapper pt-10">
            <!-- Banner Area Start -->
            <div class="banner-two-area">
                <div class="banner-two-bottom">
                    <div class="single-banner-two">
                        <div class="banner-two-img">
                            <a href="#">
                                <img src="images/banner/8.jpg" alt="">
                            </a>
                        </div>
                        <div class="banner-two-text left-middle-bottom">
                            <div class="banner-two-opacity-inner">
                                <div class="banner-two-text-inner banner-bottom-text-inner text-uppercase">
                                    <h2 class="bottom-banner-title">NEW COLLECTION</h2>
                                    <h2>hand bag</h2>
                                    <a href="#" class="btn-shop">SHOP NOW</a>
                                </div>
                                <div class="banner-opacity text-center bags text-uppercase">
                                    <h1>BAG’S</h1>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="single-banner-two">
                        <div class="banner-two-img">
                            <a href="#">
                                <img src="images/banner/9.jpg" alt="">
                            </a>
                        </div>
                        <div class="banner-two-text right-middle-bottom">
                            <div class="banner-two-opacity-inner">
                                <div class="banner-two-text-inner banner-bottom-text-inner text-uppercase">
                                    <h2 class="bottom-banner-title">WOMEN’S</h2>
                                    <h2>summer</h2>
                                    <h2>collection</h2>
                                    <a href="#" class="btn-shop">VIEW COLLECTION</a>
                                </div>
                                <div class="banner-opacity text-center summer text-uppercase">
                                    <h1>SUMMER</h1>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="single-banner-two">
                        <div class="banner-two-img">
                            <a href="#">
                                <img src="images/banner/10.jpg" alt="">
                            </a>
                        </div>
                        <div class="banner-two-text middle-middle-bottom">
                            <div class="banner-two-opacity-inner">
                                <div class="banner-two-text-inner banner-bottom-text-inner text-uppercase">
                                    <h2 class="bottom-banner-title">T-SHIRT</h2>
                                    <h2>COLLECTION</h2>
                                    <h2 class="m-0">FOR ALL</h2>
                                    <a href="#" class="btn-shop">SHOP NOW</a>
                                </div>
                                <div class="banner-opacity text-center t-shirt text-uppercase">
                                    <h1>T-SHIRT</h1>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Banner Area End -->
            <!-- Start Shop View Area -->
            <div class="shop-view-area pt-90">
                <div class="SearchDiv">
                    <div class="show-label-Two" style="margin-left:0;">
                        <label>Gender : </label>
                        <select name="SelGender">
                            <option selected="selected" value="0">Choose</option>
                            <option value="1">Women</option>
                            <option value="2">Men</option>
                        </select>
                    </div>
                    <div class="show-label-Two">
                        <label>Season : </label>
                        <select name="SelSeason">
                            <option selected="selected" value="0">Choose</option>
                            <option value="1">Spring</option>
                            <option value="2">Summer</option>
                            <option value="3">Fall</option>
                            <option value="4">Winter</option>
                        </select>
                    </div>
                    <div class="show-label-Two">
                        <label>Crowd : </label>
                        <select name="SelCrowd">
                            <option selected="selected" value="0">Choose</option>
                            <option value="1">Young</option>
                            <option value="2">Teens</option>
                            <option value="3">Middle Aged</option>
                            <option value="4">Elderly</option>
                            <option value="5">Couple</option>
                        </select>
                    </div>
                    <div class="show-label-Two">
                        <label>Style : </label>
                        <select name="SelStyle">
                            <option selected="selected" value="0">Choose</option>
                            <option value="1">Slim-type</option>
                            <option value="2">Standard type</option>
                            <option value="3">Loose type</option>
                            <option value="4">Super self-cultivation</option>
                        </select>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 col-sm-2 col-xs-4">
                            <div class="shop-tab-pill">
                                <ul>
                                    <li class="active"><a data-toggle="pill" href="#home"><i class="fa fa-th" aria-hidden="true"></i></a></li>
                                    <li><a data-toggle="pill" href="#menu1"><i class="fa fa-list" aria-hidden="true"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 hidden-xs">
                            <div class="shop-tab-pill">
                                <div class="show-label">
                                    <label>Sort by : </label>
                                    <select>
                                        <option selected="selected" value="position">Position</option>
                                        <option value="Name">Name</option>
                                        <option value="Price">Price</option>
                                    </select>
                                </div>
                                <div class="show-label showing">
                                    <label>Showing : </label>
                                    <select>
                                        <option selected="selected" value="position">9</option>
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                        <option>4</option>
                                        <option>5</option>
                                        <option>6</option>
                                        <option>7</option>
                                        <option>8</option>
                                        <option>9</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Shop View Area -->
            <!-- Start Product List -->
            <div class="product-list-tab modify-tnm">
                <div class="container">
                    <div class="row rp-style-2">
                        <div class="product-list tab-content">
                            <div role="tabpanel" class="tab-pane fade in active" id="home">
                                <div class="product-container-list rp-style-2">
                                    <div class="product-inner cp-style-2 mt-30 col-2">
                                        <a href="#">
                                            <div class="product-img b-img">
                                                <img alt="" src="images/product/arrival/1.jpg">
                                            </div>
                                        </a>
                                        <span class="product-tag text-uppercase black-bg">new</span>
                                        <ul class="quick-veiw text-center">
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-eye"></i></a></li>
                                            <li><a href="#"><i class="fa fa-refresh"></i></a></li>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                        </ul>
                                        <div class="product-text pt-10">
                                            <ul class="pull-left list-inline ratings">
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                            </ul>
                                            <ul class="pricing list-inline pull-right">
                                                <li class="text-right c-price">$150</li>
                                                <li class="text-right p-price">$180</li>
                                            </ul>
                                            <div class="clear"></div>
                                            <h6 class="product-name m-0">
                                                <a title="Eletria ostma" href="#">Eletria ostma</a>
                                            </h6>
                                        </div>
                                    </div>
                                    <div class="product-inner cp-style-2 mt-30 col-2">
                                        <a href="#">
                                            <div class="product-img b-img">
                                                <img alt="" src="images/product/arrival/2.jpg">
                                            </div>
                                        </a>
                                        <span class="product-tag text-uppercase theme-bg">sale</span>
                                        <ul class="quick-veiw text-center">
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-eye"></i></a></li>
                                            <li><a href="#"><i class="fa fa-refresh"></i></a></li>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                        </ul>
                                        <div class="product-text pt-10">
                                            <ul class="pull-left list-inline ratings">
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                            </ul>
                                            <ul class="pricing list-inline pull-right">
                                                <li class="text-right c-price">$140</li>
                                                <li class="text-right p-price">$180</li>
                                            </ul>
                                            <div class="clear"></div>
                                            <h6 class="product-name m-0">
                                                <a title="Tletria postma" href="#">TTletria postma</a>
                                            </h6>
                                        </div>
                                    </div>
                                    <div class="product-inner cp-style-2 mt-30 col-2">
                                        <a href="#">
                                            <div class="product-img b-img">
                                                <img alt="" src="images/product/arrival/3.jpg">
                                            </div>
                                        </a>
                                        <ul class="quick-veiw text-center">
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-eye"></i></a></li>
                                            <li><a href="#"><i class="fa fa-refresh"></i></a></li>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                        </ul>
                                        <div class="product-text pt-10">
                                            <ul class="pull-left list-inline ratings">
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                            </ul>
                                            <ul class="pricing list-inline pull-right">
                                                <li class="text-right c-price">$170</li>
                                                <li class="text-right p-price">$190</li>
                                            </ul>
                                            <div class="clear"></div>
                                            <h6 class="product-name m-0">
                                                <a title="Celletria ostma" href="#">Celletria ostma</a>
                                            </h6>
                                        </div>
                                    </div>
                                    <div class="product-inner cp-style-2 mt-30 col-2">
                                        <a href="#">
                                            <div class="product-img b-img">
                                                <img alt="" src="images/product/arrival/4.jpg">
                                            </div>
                                        </a>
                                        <span class="product-tag text-uppercase orang-bg">-35%</span>
                                        <ul class="quick-veiw text-center">
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-eye"></i></a></li>
                                            <li><a href="#"><i class="fa fa-refresh"></i></a></li>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                        </ul>
                                        <div class="product-text pt-10">
                                            <ul class="pull-left list-inline ratings">
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                            </ul>
                                            <ul class="pricing list-inline pull-right">
                                                <li class="text-right c-price">$100</li>
                                                <li class="text-right p-price">$130</li>
                                            </ul>
                                            <div class="clear"></div>
                                            <h6 class="product-name m-0">
                                                <a title="Montria jastma" href="#">Montria jastma</a>
                                            </h6>
                                        </div>
                                    </div>
                                    <div class="product-inner cp-style-2 mt-30 col-2">
                                        <a href="#">
                                            <div class="product-img b-img">
                                                <img alt="" src="images/product/arrival/5.jpg">
                                            </div>
                                        </a>
                                        <ul class="quick-veiw text-center">
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-eye"></i></a></li>
                                            <li><a href="#"><i class="fa fa-refresh"></i></a></li>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                        </ul>
                                        <div class="product-text pt-10">
                                            <ul class="pull-left list-inline ratings">
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                            </ul>
                                            <ul class="pricing list-inline pull-right">
                                                <li class="text-right c-price">$120</li>
                                                <li class="text-right p-price">$130</li>
                                            </ul>
                                            <div class="clear"></div>
                                            <h6 class="product-name m-0">
                                                <a title="Teletria ostma" href="#">Teletria ostma</a>
                                            </h6>
                                        </div>
                                    </div>
                                    <div class="product-inner cp-style-2 mt-30 col-2">
                                        <a href="#">
                                            <div class="product-img b-img">
                                                <img alt="" src="images/product/arrival/6.jpg">
                                            </div>
                                        </a>
                                        <span class="product-tag text-uppercase orang-bg">-20%</span>
                                        <ul class="quick-veiw text-center">
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-eye"></i></a></li>
                                            <li><a href="#"><i class="fa fa-refresh"></i></a></li>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                        </ul>
                                        <div class="product-text pt-10">
                                            <ul class="pull-left list-inline ratings">
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                            </ul>
                                            <ul class="pricing list-inline pull-right">
                                                <li class="text-right c-price">$100</li>
                                                <li class="text-right p-price">$110</li>
                                            </ul>
                                            <div class="clear"></div>
                                            <h6 class="product-name m-0">
                                                <a title="Tletria postma" href="#">Tletria postma</a>
                                            </h6>
                                        </div>
                                    </div>
                                    <div class="product-inner cp-style-2 mt-30 col-2">
                                        <a href="#">
                                            <div class="product-img b-img">
                                                <img alt="" src="images/product/arrival/7.jpg">
                                            </div>
                                        </a>
                                        <ul class="quick-veiw text-center">
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-eye"></i></a></li>
                                            <li><a href="#"><i class="fa fa-refresh"></i></a></li>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                        </ul>
                                        <div class="product-text pt-10">
                                            <ul class="pull-left list-inline ratings">
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                            </ul>
                                            <ul class="pricing list-inline pull-right">
                                                <li class="text-right c-price">$120</li>
                                                <li class="text-right p-price">$130</li>
                                            </ul>
                                            <div class="clear"></div>
                                            <h6 class="product-name m-0">
                                                <a title="Celletria ostma" href="#">Celletria ostma</a>
                                            </h6>
                                        </div>
                                    </div>
                                    <div class="product-inner cp-style-2 mt-30 col-2">
                                        <a href="#">
                                            <div class="product-img b-img">
                                                <img alt="" src="images/product/arrival/8.jpg">
                                            </div>
                                        </a>
                                        <span class="product-tag text-uppercase black-bg">new</span>
                                        <ul class="quick-veiw text-center">
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-eye"></i></a></li>
                                            <li><a href="#"><i class="fa fa-refresh"></i></a></li>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                        </ul>
                                        <div class="product-text pt-10">
                                            <ul class="pull-left list-inline ratings">
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                            </ul>
                                            <ul class="pricing list-inline pull-right">
                                                <li class="text-right c-price">$110</li>
                                                <li class="text-right p-price">$140</li>
                                            </ul>
                                            <div class="clear"></div>
                                            <h6 class="product-name m-0">
                                                <a title="Montria jastma" href="#">Montria jastma</a>
                                            </h6>
                                        </div>
                                    </div>
                                    <div class="product-inner cp-style-2 mt-30 col-2">
                                        <a href="#">
                                            <div class="product-img b-img">
                                                <img alt="" src="images/product/arrival/9.jpg">
                                            </div>
                                        </a>
                                        <span class="product-tag text-uppercase theme-bg">sale</span>
                                        <ul class="quick-veiw text-center">
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-eye"></i></a></li>
                                            <li><a href="#"><i class="fa fa-refresh"></i></a></li>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                        </ul>
                                        <div class="product-text pt-10">
                                            <ul class="pull-left list-inline ratings">
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                            </ul>
                                            <ul class="pricing list-inline pull-right">
                                                <li class="text-right c-price">$170</li>
                                                <li class="text-right p-price">$190</li>
                                            </ul>
                                            <div class="clear"></div>
                                            <h6 class="product-name m-0">
                                                <a title="Eletria ostma" href="#">Teletria ostma</a>
                                            </h6>
                                        </div>
                                    </div>
                                    <div class="product-inner cp-style-2 mt-30 col-2">
                                        <a href="#">
                                            <div class="product-img b-img">
                                                <img alt="" src="images/product/arrival/10.jpg">
                                            </div>
                                        </a>
                                        <ul class="quick-veiw text-center">
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-eye"></i></a></li>
                                            <li><a href="#"><i class="fa fa-refresh"></i></a></li>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                        </ul>
                                        <div class="product-text pt-10">
                                            <ul class="pull-left list-inline ratings">
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                                <li><i class="rated fa fa-star"></i></li>
                                            </ul>
                                            <ul class="pricing list-inline pull-right">
                                                <li class="text-right c-price">$170</li>
                                                <li class="text-right p-price">$190</li>
                                            </ul>
                                            <div class="clear"></div>
                                            <h6 class="product-name m-0">
                                                <a title="Eletria ostma" href="#">Eletria ostma</a>
                                            </h6>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade modify2" id="menu1">
                                <div class="product-container-list product-container-list-full rp-style-2">
                                    <div class="cp-style-2 mt-30">
                                        <div class="product-inner-list clearfix">
                                            <div class="product-img-list">
                                                <a href="#">
                                                    <div class="product-img b-img">
                                                        <img alt="" src="images/product/arrival/1.jpg">
                                                    </div>
                                                </a>
                                                <span class="product-tag text-uppercase black-bg">new</span>
                                            </div>
                                            <div class="product-text product-text-list gray-ash-bg">
                                                <h5 class="product-name-list">
                                                    <a title="Montria jastma" href="#"><strong>Montria jastma</strong></a>
                                                </h5>
                                                <ul class="pull-left list-inline ratings rating-list pb-20">
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li class="reviews text-theme"><span>10</span>Review(s)</li>
                                                </ul>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat pariatur</p>
                                                <ul class="pricing pricing-list">
                                                    <li class="text-right p-price text-center">$180</li>
                                                    <li class="text-right c-price text-defualt text-center">$150</li>
                                                </ul>
                                                <div class="clear"></div>
                                                <ul class="quick-veiw-list">
                                                    <li><a href="#"><i class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a href="#"><i class="fa fa-eye"></i></a></li>
                                                    <li><a href="#"><i class="fa fa-refresh"></i></a></li>
                                                    <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="cp-style-2 mt-30">
                                        <div class="product-inner-list clearfix">
                                            <div class="product-img-list">
                                                <a href="#">
                                                    <div class="product-img b-img">
                                                        <img alt="" src="images/product/arrival/2.jpg">
                                                    </div>
                                                </a>
                                                <span class="product-tag text-uppercase theme-bg">sale</span>
                                            </div>
                                            <div class="product-text product-text-list gray-ash-bg">
                                                <h5 class="product-name-list">
                                                    <a title="Zelletria ostma" href="#"><strong>Zelletria ostma</strong></a>
                                                </h5>
                                                <ul class="pull-left list-inline ratings rating-list pb-20">
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li class="reviews text-theme"><span>10</span>Review(s)</li>
                                                </ul>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat pariatur</p>
                                                <ul class="pricing pricing-list">
                                                    <li class="text-right p-price text-center">$220</li>
                                                    <li class="text-right c-price text-defualt text-center">$195</li>
                                                </ul>
                                                <div class="clear"></div>
                                                <ul class="quick-veiw-list">
                                                    <li><a href="#"><i class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a href="#"><i class="fa fa-eye"></i></a></li>
                                                    <li><a href="#"><i class="fa fa-refresh"></i></a></li>
                                                    <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="cp-style-2 mt-30">
                                        <div class="product-inner-list clearfix">
                                            <div class="product-img-list">
                                                <a href="#">
                                                    <div class="product-img b-img">
                                                        <img alt="" src="images/product/arrival/3.jpg">
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="product-text product-text-list gray-ash-bg">
                                                <h5 class="product-name-list">
                                                    <a title="Letria postma" href="#"><strong>Letria postma</strong></a>
                                                </h5>
                                                <ul class="pull-left list-inline ratings rating-list pb-20">
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li class="reviews text-theme"><span>10</span>Review(s)</li>
                                                </ul>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat pariatur</p>
                                                <ul class="pricing pricing-list">
                                                    <li class="text-right p-price text-center">$160</li>
                                                    <li class="text-right c-price text-defualt text-center">$140</li>
                                                </ul>
                                                <div class="clear"></div>
                                                <ul class="quick-veiw-list">
                                                    <li><a href="#"><i class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a href="#"><i class="fa fa-eye"></i></a></li>
                                                    <li><a href="#"><i class="fa fa-refresh"></i></a></li>
                                                    <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="cp-style-2 mt-30">
                                        <div class="product-inner-list clearfix">
                                            <div class="product-img-list">
                                                <a href="#">
                                                    <div class="product-img b-img">
                                                        <img alt="" src="images/product/arrival/4.jpg">
                                                    </div>
                                                </a>
                                                <span class="product-tag text-uppercase orang-bg">-20%</span>
                                            </div>
                                            <div class="product-text product-text-list gray-ash-bg">
                                                <h5 class="product-name-list">
                                                    <a title="Montria jastma" href="#"><strong>Montria jastma</strong></a>
                                                </h5>
                                                <ul class="pull-left list-inline ratings rating-list pb-20">
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li class="reviews text-theme"><span>10</span>Review(s)</li>
                                                </ul>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat pariatur</p>
                                                <ul class="pricing pricing-list">
                                                    <li class="text-right p-price text-center">$160</li>
                                                    <li class="text-right c-price text-defualt text-center">$140</li>
                                                </ul>
                                                <div class="clear"></div>
                                                <ul class="quick-veiw-list">
                                                    <li><a href="#"><i class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a href="#"><i class="fa fa-eye"></i></a></li>
                                                    <li><a href="#"><i class="fa fa-refresh"></i></a></li>
                                                    <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="cp-style-2 mt-30">
                                        <div class="product-inner-list clearfix">
                                            <div class="product-img-list">
                                                <a href="#">
                                                    <div class="product-img b-img">
                                                        <img alt="" src="images/product/arrival/5.jpg">
                                                    </div>
                                                </a>
                                                <span class="product-tag text-uppercase black-bg">new</span>
                                            </div>
                                            <div class="product-text product-text-list gray-ash-bg">
                                                <h5 class="product-name-list">
                                                    <a title="Metria ostma" href="#"><strong>Metria ostma</strong></a>
                                                </h5>
                                                <ul class="pull-left list-inline ratings rating-list pb-20">
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li><i class="rated fa fa-star"></i></li>
                                                    <li class="reviews text-theme"><span>10</span>Review(s)</li>
                                                </ul>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat pariatur</p>
                                                <ul class="pricing pricing-list">
                                                    <li class="text-right p-price text-center">$160</li>
                                                    <li class="text-right c-price text-defualt text-center">$140</li>
                                                </ul>
                                                <div class="clear"></div>
                                                <ul class="quick-veiw-list">
                                                    <li><a href="#"><i class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a href="#"><i class="fa fa-eye"></i></a></li>
                                                    <li><a href="#"><i class="fa fa-refresh"></i></a></li>
                                                    <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Product List -->
            <!-- Start Shop View Area -->
            <div class="shop-view-area pt-30">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 col-sm-2 col-xs-4">
                            <div class="shop-tab-pill">
                                <ul>
                                    <li class="active"><a data-toggle="pill" href="#home"><i class="fa fa-th" aria-hidden="true"></i></a></li>
                                    <li><a data-toggle="pill" href="#menu1"><i class="fa fa-list" aria-hidden="true"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-sm-4 col-xs-8 divPage">
                            <div class="shop-pagination">
                                <label>page : </label>
                                <ul>
                                    <li><a href="#">1</a></li>
                                    <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i></a></li>
                                    <li>All 100 pages</li>
                                    <li>Go to <input style="width:50px;" type="text" name="page" value="" /></li>
                                    <li><a href="#">Go</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Shop View Area -->
            <!-- Start Brand Area -->
            <div class="brand-area section-padding">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="section-title text-center mb-35">
                                <h2 class="text-uppercase"><strong>OUR BRAND</strong></h2>
                                <p class="text-defualt">BRAND</p>
                                <img alt="" src="images/section-border.png">
                            </div>
                            <div class="brand-carousel">
                                <div class="col-md-12">
                                    <div class="single-brand text-center">
                                        <a href="#">
                                            <img src="images/brand/1.png" alt="">
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="single-brand text-center">
                                        <a href="#">
                                            <img src="images/brand/2.png" alt="">
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="single-brand text-center">
                                        <a href="#">
                                            <img src="images/brand/3.png" alt="">
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="single-brand text-center">
                                        <a href="#">
                                            <img src="images/brand/4.png" alt="">
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="single-brand text-center">
                                        <a href="#">
                                            <img src="images/brand/5.png" alt="">
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="single-brand text-center">
                                        <a href="#">
                                            <img src="images/brand/1.png" alt="">
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="single-brand text-center">
                                        <a href="#">
                                            <img src="images/brand/2.png" alt="">
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="single-brand text-center">
                                        <a href="#">
                                            <img src="images/brand/3.png" alt="">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Brand Area -->
        </section>
        <!-- End page content -->
        <!-- Start footer area -->
        <footer id="footer" class="footer-area">
            <div class="footer-top-area text-center ptb-40">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="footer-top-content">
                                <a href="index.html">
                                    <img src="images/footer/logo.png" alt="">
                                </a>
                                <p class="pb-30">Forge is the best ecommerce site lorem ipsum dolor sit amet, consectetur aiscing elit, sed do eiusmod tempor incididunt ut labore et dolore</p>
                                <ul class="social-icon">
                                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                    <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-middle-area footer-bg">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-6">
                            <div class="single-footer-inner">
                                <h5 class="footer-title text-white">CONTACT</h5>
                                <ul class="footer-contact">
                                    <li class="contact-icon">
                                        <img alt="" src="images/footer/icon/1.png">
                                    </li>
                                    <li class="footer-text text-ash">
                                        <p>8901 Marmora Raod,</p>
                                        <p>Glasgow, D04  89GR</p>
                                    </li>
                                </ul>
                                <ul class="footer-contact">
                                    <li class="contact-icon">
                                        <img alt="" src="images/footer/icon/2.png">
                                    </li>
                                    <li class="footer-text text-ash">
                                        <p>Telephone : (801) 4256  9856</p>
                                        <p>Telephone : (801) 4256  9658</p>
                                    </li>
                                </ul>
                                <ul class="footer-contact">
                                    <li class="contact-icon">
                                        <img alt="" src="images/footer/icon/3.png">
                                    </li>
                                    <li class="footer-text text-ash">
                                        <p>Email : info@forge.com</p>
                                        <p>Web : www.forge.com</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-6">
                            <div class="single-footer-inner">
                                <h5 class="footer-title text-white">CONTACT</h5>
                                <ul class="footer-menu">
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="about.html">About us</a></li>
                                    <li><a href="contact.html">Contact us</a></li>
                                    <li><a href="#">Our blog</a></li>
                                    <li><a href="#">Support centre</a></li>
                                    <li><a href="#">Privacy policy</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-3">
                            <div class="single-footer-inner">
                                <h5 class="footer-title text-white">SUPPORT</h5>
                                <ul class="footer-menu">
                                    <li><a href="#">Delivery information</a></li>
                                    <li><a href="3">Order tracking</a></li>
                                    <li><a href="#">Return product</a></li>
                                    <li><a href="#">Gift card</a></li>
                                    <li><a href="#">Home delivery</a></li>
                                    <li><a href="#">Online support</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-5 col-sm-9">
                            <h2 class="footer-title">LATEST TWEETS</h2>
                            <div class="tweet-list">
                                <ul class="left-tweet">
                                    <li class="tweet-inner clearfix">
                                        <div class="tweet-img">
                                            <a href="#">
                                                <img alt="" src="images/footer/tweet/1.jpg">
                                            </a>
                                        </div>
                                        <div class="tweet-text">
                                            <a href="#">Forge is the best ecommerce elt</a>
                                            <p>Jan 25, 2017</p>
                                        </div>
                                    </li>
                                    <li class="tweet-inner clearfix">
                                        <div class="tweet-img">
                                            <a href="#">
                                                <img alt="" src="images/footer/tweet/2.jpg">
                                            </a>
                                        </div>
                                        <div class="tweet-text">
                                            <a href="#">Forge is the best ecommerce elt</a>
                                            <p>Jan 25, 2017</p>
                                        </div>
                                    </li>
                                </ul>
                                <ul class="left-tweet">
                                    <li class="tweet-inner clearfix">
                                        <div class="tweet-img">
                                            <a href="#">
                                                <img alt="" src="images/footer/tweet/1.jpg">
                                            </a>
                                        </div>
                                        <div class="tweet-text">
                                            <a href="#">Forge is the best ecommerce elt</a>
                                            <p>Jan 25, 2017</p>
                                        </div>
                                    </li>
                                    <li class="tweet-inner clearfix">
                                        <div class="tweet-img">
                                            <a href="#">
                                                <img alt="" src="images/footer/tweet/2.jpg">
                                            </a>
                                        </div>
                                        <div class="tweet-text">
                                            <a href="#">Forge is the best ecommerce elt</a>
                                            <p>Jan 25, 2017</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- End footer area -->
    </div>
    <!-- Body main wrapper end -->
    <!-- Placed js at the end of the document so the pages load faster -->
    <!-- jquery latest version -->
    <script src="js/vendor/jquery-1.12.4.min.js"></script>
    <!-- Bootstrap framework js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- All js plugins included in this file. -->
    <script src="js/plugins.js"></script>
    <!-- Main js file that contents all jQuery plugins activation. -->
    <script src="js/main.js"></script>
</body>
</html>
